<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>订单详情</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="/${BasePath}/static/layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="/${BasePath}/static/css/public.css" media="all" type="text/css">
</head>
<body class="childrenBody">
<form class="layui-form" lay-filter="example">
	<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
	  <legend>订单编号:${order.orderNum!''}</legend>
	</fieldset>
	<div style="padding: 20px; background-color: #F2F2F2;">
	  <div class="layui-row layui-col-space15">
	  
	   <div class="layui-col-md12">
	      <div class="layui-card">
	        <div class="layui-card-header">订单信息</div>
	        <div class="layui-card-body">	
			  <div class="layui-row">
			    <div class="layui-col-md2">
			      <div class="grid-demo grid-demo-bg1">状态:${FreemarkUtil.OrderStatusNmame("${order.orderStatus!''}")}</div>
			    </div>
			    <div class="layui-col-md2">
			      <div class="grid-demo">订单金额:${order.orderAmount!''}</div>
			    </div>
			    <div class="layui-col-md2">
			      <div class="grid-demo">实际支付金额:${order.paidAmount!''}</div>
			    </div>
			    <div class="layui-col-md3">
			      <div class="grid-demo grid-demo-bg1">支付方式:${FreemarkUtil.PaymentTypeNmame("${order.paidWay!''}")}</div>
			    </div>			    
			    <div class="layui-col-md3">
			      <div class="grid-demo grid-demo-bg1">支付时间:${(order.paidTime?datetime)!''}</div>
			    </div>
			  </div>                               
	        </div>
	      </div>
	   </div>	  
	  
	    <!-- 产品信息 -->
	    <#list order.listShopCartExtend as car>
			<div class="layui-col-md4">
			  <div class="layui-card">
			    <div class="layui-card-header">${car.productName!''}</div>
			    <div class="layui-card-body">
					  <div class="layui-row">
					    <div class="layui-col-md5">
					      <div class="grid-demo grid-demo-bg1"><img src="${car.productCover!''}"  width="100%" /></div>
					    </div>
					    <div class="layui-col-md7">
					      <div class="grid-demo">
							<div class="proDetail"><span style="font-size:15px">价格：<span style="color:red">￥${car.productPrice!''}</span></span></div>
							<div class="proDetail"><span style="font-size:15px">数量：${car.productNum!''}</span></div>
					      </div>
					    </div>
					  </div>
			    </div>
			  </div>
			</div>
        </#list>
        
	    <div class="layui-col-md12">
	      <div class="layui-card">
	        <div class="layui-card-header">收件人信息</div>
	        <div class="layui-card-body">
			  <div class="layui-row">
			    <div class="layui-col-md3">
			      <div class="grid-demo grid-demo-bg1">姓名：${order.shopAddress.name!''}</div>
			    </div>
			    <div class="layui-col-md3">
			      <div class="grid-demo">电话：${order.shopAddress.phone!''}</div>
			    </div>
			    <div class="layui-col-md6">
			      <div class="grid-demo grid-demo-bg1">收件地址：${order.shopAddress.provance!''}${order.shopAddress.city!''}${order.shopAddress.area!''}${order.shopAddress.address!''}</div>
			    </div>
			  </div>	                                     
	        </div>
	      </div>
	    </div>        
       <#if isWl=="1">
	   <div class="layui-col-md12">
	      <div class="layui-card">
	        <div class="layui-card-header">
				  <div class="layui-row">
				    <div class="layui-col-xs4">
				      <div class="grid-demo grid-demo-bg1">物流信息</div>
				    </div>
				    <div class="layui-col-xs4">
				      <div class="grid-demo">${FreemarkUtil.WlCompanyNmame("${order.courierCom!''}")}</div>
				    </div>
				    <div class="layui-col-xs4">
				      <div class="grid-demo">单号：${order.courierNumber!''}</div>
				    </div>
				  </div>	        
	        </div>
	        <div class="layui-card-body">	
				<ul class="layui-timeline">
				<#if (result.list)?? && (result.list?size > 0)>
				<#list result.list as wl>
				  <li class="layui-timeline-item">
				    <i class="layui-icon layui-timeline-axis"></i>
				    <div class="layui-timeline-content layui-text">
				      <h3 class="layui-timeline-title">${wl.time!''}</h3>
				      <p>
                        ${wl.status!''}
				      </p>
				    </div>
				  </li>
				</#list>
				<#else>
				暂无物流信息
				</#if>
				</ul>                                  
	        </div>
	      </div>
	   </div>
	   </#if>
	  </div>
	</div> 	
</form>
<script src="/${BasePath}/static/layui/layui.js" charset="utf-8" type="text/javascript"></script>
<script type="text/javascript" src="/${BasePath}/static/js/common/jquery-2.1.0.min.js"></script>
<script type="text/javascript">

</script>
</body>
</html>